/*layout style
--------------------------------------*/
/*页码放置 begin*/
.basic_bg{background:#009f37;}
.page { width: 100%; padding:50px 0 15px 0; float: left; text-align: center; overflow:hidden; font-size:15px;}
.page a{border:1px solid #ddd; border-radius:5px; padding:3px 10px; height:55px; line-height:55px;}
.page span,.page a:hover{padding:4px 11px; background:#009f37; color:#fff; border-radius:5px; border:0;}
.page .prev,.page .next { margin: 0 10px;}
.page .num { padding: 2px; text-align: center; color: #000; }
.page .cur { color: #f00;}

/*页码放置 end*/	
/*新闻*/
.tittle{ text-align:center;}
.tittle h4{  font-size:30px; font-weight:normal;  border-bottom:1px solid #ddd; padding:20px 0;}
.tittle02{ text-align:center; padding:0 0 5px 0; position:relative; z-index:9;}
.tittle02 h4{font-size:.4rem; font-weight:normal;  /* border-bottom:1px solid #ddd; */ padding:15px 0; line-height:200%}
.tittle01 h4{ font-size:.4rem; font-weight:normal; border-bottom:1px solid #ddd; padding:20px 0; text-align:center;}

.new_attribute{position:relative;}
.news_time{background:url(../images/time01.png) left no-repeat; padding:0 0 0 22px;}
.news_hits{background:url(../images/liulan01.png) left no-repeat; padding:0 0 0 24px; margin:0 12px;}
.news_ziti{background:url(../images/ziti01.png) left no-repeat; padding:0 0 0 24px;}

.extro{margin-top:10px; line-height:18px;}
.extro .dt{ float:right; color:#666; font-size:12px; height:30px; line-height:30px;}
.extro .dt p{ font-size:13px; color:#333;}
.extro .dt p span{ padding-right:0px; color:#666;}
.new_info{ padding:18px 0;}
#bdshare{float:none;}

.next{line-height:28px; padding:10px 0 0 0; margin:30px 0 0 0; border-top:1px solid #ddd;}
.next p{font-weight:bold;}
.next p a:hover{text-decoration:underline;}

.news_description{padding:10px .3rem; border:1px solid #ddd; background:#eee;}	
.news_description span{font-weight:bold; font-size:16px;}
.order_num{ height:35px; line-height:35px; background:#f05f02; display:block; float:left; font-size:16px;}	
.order_num a{color:#fff;display:block;padding:0 40px; }
.order_num a:hover{display:block; background:#f97e30}
.order_num01{padding:0 40px; height:35px; line-height:35px; background:#f05f02; display:block; float:left; border:0; color:#fff; margin:0 0 0 10px; font-size:16px;}
.order_num01:hover{display:block; background:#f97e30}


.xgyuedu{margin:40px 0 0 0;}
.xgyuedu h1,.xgchanpin h1{font-size:18px; height:40px; line-height:40px; margin:0 0 10px 0; border-bottom:1px solid #ddd;}
.xgyuedu p{height:30px; line-height:30px;}
.xgyuedu p span{margin:0 10px 0 0;} 
.xgyuedu p em{margin:0 0 0 30px; color:#999;}
.xgyuedu_m01 p{line-height:35px; height:35px; font-size:16px;}
.xgyuedu_m01 p:before{content:'\e613'; font-family:iconfont; padding:0 10px 0 0; font-size:16px; color:#04cea6}
.xgchanpin{margin:40px 0 0 0; overflow:hidden;}
.xgchanpin_m{width:105%;}
.xgchanpin a{width:15%; float:left; display:block; margin:10px 10px 0 0}
.xgchanpin a img{width:100%; display:block;}
.xgchanpin a h2{font-weight:normal; line-height:.34rem; text-align:center}




.content_main{ height:35px; line-height:35px;color:#fff; border-bottom:1px solid #ddd; margin:0 0 20px 0;}
.content_main h1{float:left; padding:0 40px; font-size:15px;}
.product_size{ width:80%; height:auto; overflow:hidden; padding-bottom:28px; margin:0 auto;/* float:left; */}
.pro_sImg { padding:11px 0; border-bottom:1px solid #d0d0d0; margin-bottom:11px;}
.pro_sImg img{width:100%;}
.pro_sMimg li{ float:left;  width:86px; height:59px; margin:0 10px 10px 0; display:inline;}

/* 招聘 */
.recruit01 h1{float:left;display:block;width:30%;}
.recruit01 h1 span{font-weight:normal;}
.recruit02 h1{padding:16px 0 4px 0;}
.recruit02_m{font-size:14px;line-height:28px;}

/* 地图 */
#allmap{width:100%;height:500px;}
.formguide_button {cursor: pointer;border: 0;color: #fff;width: 200px;height: 35px;line-height: 35px;font-size: 15px;}


/* 分享 */
.fx_share{ display:block; width:130px; position:absolute; right:0; top:0; height:52px; z-index:9}
.fx_share .e .slideDown{position:absolute; left:0px; top:-10px; width:120px; display:inline-block;*display:inline; zoom:1; vertical-align:middle; }
.fx_share .e .slideDown .share{cursor:pointer;display:block; padding: 11px 0px; text-align: center; line-height:20px; font-style:normal; font-family:Microsoft YaHei}
.fx_share .e .slideDown .share b{border:solid 5px #fff;border-top-color:#757575;display:block;height:0;overflow:hidden;position:absolute;right: 30px;top: 18px;
-webkit-transition:top 1s,all 0.3s ease-in 0s;
-moz-transition:top 1s,all 0.3s ease-in 0s;
-o-transition:top 1s,all 0.3s ease-in 0s;
transition:top 1s,all 0.3s ease-in 0s;
}
.fx_share .e .slideDown .selectBox{background:#fff; display:none; position:absolute; left:0px; top:40px; z-index:999; width:120px; text-align:left}
.fx_share .e .slideDown .selectBox a{background-image:none;border-top:1px solid #fff;border-bottom:none;display:block; font:12px/39px "Microsoft YaHei";height:39px;padding-left:45px;overflow:hidden;}
.fx_share .e .slideDown .selectBox a:hover{ text-decoration:none}
.fx_share .e .slideDown .selectBox a.ico01{ background:url(../images/share_ico.png) no-repeat 12px -1px}
.fx_share .e .slideDown .selectBox a.ico02{ background:url(../images/share_ico.png) no-repeat 12px -39px}
.fx_share .e .slideDown .selectBox a.ico03{ background:url(../images/share_ico.png) no-repeat 12px -79px}
.fx_share .e .slideDown .selectBox a.ico04{ background:url(../images/share_ico.png) no-repeat 12px -119px}
.fx_share .e .slideDown .selectBox a.ico05{ background:url(../images/share_ico.png) no-repeat 12px -158px}

.fx_share .e .slideDown .selectBox a.ico06{ background:url(../images/share_ico2.png) no-repeat 12px 6px}
.fx_share .e .slideDown .selectBox a.ico07{ background:url(../images/share_ico2.png) no-repeat 12px -34px}
.fx_share .e .slideDown .selectBox a.ico08{ background:url(../images/share_ico2.png) no-repeat 12px -74px}
.fx_share .e .slideDown .selectBox a.ico09{ background:url(../images/share_ico2.png) no-repeat 12px -114px}
.fx_share .e .slideDown .selectBox a.ico10{ background:url(../images/share_ico2.png) no-repeat 12px -155px}
.fx_share .e .slideDown .selectBox a.ico01:hover{ background:url(../images/share_ico_hover.png) no-repeat 12px -1px}
.fx_share .e .slideDown .selectBox a.ico02:hover{ background:url(../images/share_ico_hover.png) no-repeat 12px -39px}
.fx_share .e .slideDown .selectBox a.ico03:hover{ background:url(../images/share_ico_hover.png) no-repeat 12px -79px}
.fx_share .e .slideDown .selectBox a.ico04:hover{ background:url(../images/share_ico_hover.png) no-repeat 12px -119px}
.fx_share .e .slideDown .selectBox a.ico05:hover{ background:url(../images/share_ico_hover.png) no-repeat 12px -159px}
.fx_share .e .slideDown .selectBox a.ico06:hover{ background:url(../images/share_ico_hover2.png) no-repeat 12px 6px}
.fx_share .e .slideDown .selectBox a.ico07:hover{ background:url(../images/share_ico_hover2.png) no-repeat 12px -34px}
.fx_share .e .slideDown .selectBox a.ico08:hover{ background:url(../images/share_ico_hover2.png) no-repeat 12px -74px}
.fx_share .e .slideDown .selectBox a.ico09:hover{ background:url(../images/share_ico_hover2.png) no-repeat 12px -114px}
.fx_share .e .slideDown .selectBox a.ico10:hover{ background:url(../images/share_ico_hover2.png) no-repeat 12px -155px}

.fx_share .e .slideCur{box-shadow:0 0 2px 2px #eaeaea; display:block; border:1px solid #eaeaea}
.fx_share .e .slideCur .share{ background-color:#f5f5f5;}
.fx_share .e .slideCur .share b{border:solid 5px #f5f5f5;border-top-color:#1e63b0;top: 12px;border-top-color:#f5f5f5\9;border-bottom:solid 6px #1e63b0\9;
-webkit-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
}



/* 招聘 */
.joinBox *,
.joinBox *:before,
.joinBox *:after {
 /*  box-sizing: border-box; */
  -webkit-transition: 0s;
  transition: 0s; 
}
.joinBox{ margin-top: 30px;}
.joinBox dd{ position: relative; min-height: 70px; padding-left: 102px; margin-bottom: 11px; cursor: pointer;}
.joinBox .num{ position: absolute; left: 0px; top: 0px; text-align: center; background-color: #fff; color: #009f37; display: block; width: 88px; height: 70px; font:25px/70px Arial, helvetica, sans-serif; border:1px solid #dedede}
.joinBox .con{ border: 1px solid #dedede; background-color: #fff;}
.joinBox .con .job_title{ margin: 0px 24px; border-bottom: 1px solid #fff; height: 68px; line-height: 68px; font-size: 18px; color: #4C4C4C; position: relative;}
.joinBox .con .c{ margin: 0px 24px; color: #4C4C4C; display: none; padding: 15px 10px 30px;}
.joinBox .con .c h1{padding:25px 0 5px 0; margin:0 0 5px 0; border-bottom:1px solid #BEBEBE; font-size:18px;}
.joinBox .con a:link,.joinBox .con  a:visited { color: #fff;}
.joinBox .con a:active,.joinBox .con a:hover { text-decoration: underline;}
.joinBox dd.act .num{ background-color: #009f37; color: #fff;}
.joinBox dd.act .con{ background-color: #dedede;}
.joinBox .job_title .joico { width: 18px; height: 18px; position: absolute; right: 0px; top: 50%; margin-top: -9px; transition: 400ms; }
.joinBox .job_title .joico .line1 { width: 18px; height: 2px; overflow: hidden; background: #8c8c8c; position: absolute; left: 0; top: 8px; }
.joinBox .job_title .joico .line2 { width: 2px; height: 18px; overflow: hidden; background: #8c8c8c; position: absolute; left: 8px; top: 0; transition: 400ms; }
.joinBox dd.act .job_title{ border-bottom-color: #BEBEBE;}
.joinBox dd.act .joico{transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.joinBox dd.act .joico .line2{ display: none;}
.job_line{height:1px; background:#BEBEBE; display:block; margin:10px 0;}
.job_margin{margin:8px 0 0 0;}



/* 招聘弹框 */

@-webkit-keyframes bounceIn{
0%{
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50%{
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70%{
-webkit-transform:scale(.9);
transform:scale(.9)
}
100%{
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}

}
@keyframes bounceIn{
0%{
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50%{
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
70%{
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100%{
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}

}
.bounceIn{
-webkit-animation-name:bounceIn;
animation-name:bounceIn
}

@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}

60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}

80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}

100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}

@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}

60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}

80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}

100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}

.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}

@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}

20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}

100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}

@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}

20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
}

100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
}

.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}

@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}

100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}

@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg);
}

100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg);
}
}

.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}


@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}

40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}

70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}

100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}

@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}

40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg);
}

70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg);
}

100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}

.flipInX {
-webkit-backface-visibility: visible !important;
-ms-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}

.animated1{width:100%;height:100%;background-color:#000000;opacity:0.8;filter:alpha(opacity=80);position:fixed;top:0;left:0;z-index:9999;display:none;}

.animated01{
-webkit-animation-duration:1.4s;
animation-duration:1.4s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both;
width:700px;
height:600px;
margin:0 auto;display:none;background-color:#ffffff;position:fixed;top:32%;left:39%;margin:-120px 0 0 -150px;z-index:10000;border:1px solid #ccc;border-radius:10px;-webkit-border-radius:10px; 
}

.animated01 h1{font-size:18px;float:left; padding:20px 0 22px 32px;}
.claseDialogBtn{float:right;display:block; padding:20px 18px 22px 0; color:#999; font-size:22px; font-weight:400;font-family:sans-serif ;}

.bounceIn span{width:150px; height:35px; line-height:35px; font-size:16px; margin:25px 0 0 0; color:#fff; text-align:center; display:block;}

.job_tanchu{overflow-x:hidden;
overflow:-Scroll;
width:90%;
margin:0 auto;
height:460px;
padding:0 10px 30px 10px;
}
#style-8::-webkit-scrollbar-track
{
background-color: #a0a0a0;
border-radius:5px;
}

#style-8::-webkit-scrollbar
{
width: 6px;
background-color: #a0a0a0;
border-radius:5px;
}

#style-8::-webkit-scrollbar-thumb
{
width: 4px;
border:1px solid #a0a0a0;
border-radius:5px;
background-color: #fff;	
}


/* side */
.side{position:fixed;width:54px;height:275px;right:0;top:254px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#00c1de;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
.weixin h1{display:none; }
.weixin:hover h1{display:block;width:120px;position:absolute; top:54px; left:-100px; z-index:999;}



.n_contact_icon ul{display:flex}
.n_contact_icon ul li{flex:1; text-align:center; padding:0 20px}
.n_contact_icon ul li span{font-size:50px; color:#ccc}
.n_contact_icon ul li h1{margin:10px 0; font-size:18px}
.n_contact_icon ul li p{font-size:18px}
.n_contact_icon ul li:nth-child(2){border-left:1px solid #eee; border-right:1px solid #eee;}

.n_contact_message{padding:50px 0; border:4px solid #eeee;background:url(../images/kefu.jpg) right bottom no-repeat; margin:60px 0}
.n_contact_message .n_contact,.n_contact_message .n_message{width:50%; padding:0 50px}
.n_contact_message .n_contact{font-size:18px; line-height:220%}
.n_contact_message .n_message{border-left:1px solid #eee}


/* Basic Grey */
.basic-grey {
padding: 30px 0 25px 20px;
color: #888;
text-shadow: 1px 1px 1px #FFF;
}
.basic-grey h1 {
font-size: 25px;
padding: 0px 0px 10px 40px;
display: block;
border-bottom:1px solid #E4E4E4;
margin: -10px -15px 30px -10px;;
color: #666;
}
.basic-grey h1>span {
display: block;
font-size: 11px;
}
.basic-grey label {
display: block;
width:100%;
margin: 0px;
}

.basic-grey label>span {
float: left;
/* width: 80px; */
text-align: right;
padding-right: 10px;
color: #666;
font-weight:normal;
margin-top:5px;
}
#basic-grey label>span {width: 80px;}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
border: 1px solid #dadada;
border-radius: 3px;
padding: 2px 5px;
color: #666;
height: 28px;
font-weight:normal;
line-height:22px;
margin-bottom: 12px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
width: 60%;
font-size: 14px;
box-shadow: inset 2px 2px 3px #ededed;
-moz-box-shadow: inset 2px 2px 3px #ededed;
-webkit-box-shadow: inset 2px 2px 3px #ededed;
}
.basic-grey .o-time {
color: #666;
height: 30px;
margin-bottom: 16px;
margin-right: 6px;
margin-top: 2px;
outline: 0 none;
padding: 3px 3px 3px 5px;
width: 70%;
font-size: 14px;
line-height:30px;
text-align: left;
}
.basic-grey textarea{
padding: 5px 3px 3px 5px;
}
.basic-grey select {
background: #FFF url('down-arrow.png') no-repeat right;
appearance:none;
-webkit-appearance:none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
width: 50%;
height: 35px;
line-height: 25px;
}
.basic-grey textarea{
height:100px;
}

.basic-grey label .error {
color: red;
float: none;
font-weight: normal;
line-height: 1.4;
border: 1px solid red;
}
.basic-grey > label > span .error{
border: none;
}

.message01{height:35px; line-height:35px; width:200px; border-radius:5px;  border:0; color:#fff; font-size:15px; cursor:pointer;}